.markdown-container {
    display: flex;
    padding-top: 50px;

    .markdown-body {
        flex: 1; // 使内容区域占据剩余空间
        padding: 0 40px; 
        max-width: calc(100% - 300px); // 限制内容区域的最大宽度，留出目录空间

        p {
            white-space: pre-line;
            font-size: 1.2em;
        }

        h3 {
            font-size: 28px !important;
        }
    }

    .markdown-nav {
        width: 280px; 
        position: fixed; // 固定在右侧
        right: 0; 
        top: 230px; 
        padding: 20px; 

        .markdown-nav-item {
            font-size: 20px;
            margin-top: 20px;
            cursor: pointer; // 鼠标悬停时显示小手
             .title-anchor {
                padding: 10px 0; // 增加间隔
                &:hover {
                    color: #007bff; // 鼠标悬停时改变当前项的颜色
                }
             }


        }
    }
}
